<!--#include file="head.html"-->
<section class="mod-banner-wrap">
    <div class="DB_tab25">
        <ul class="list-unstyled DB_bgSet">
            <li style="background:url(../../themes/hrsj360/images/focus/bj1.jpg) no-repeat 100% 100%;"></li>
            <li style="background:#e66c57"></li>
            <li style="background:#202f3d"></li>
            <li style="background:url(../../themes/hrsj360/images/focus/bj2.jpg) no-repeat 100% 100%;"></li>
        </ul>

        <ul class="list-unstyled DB_imgSet">
            <li onClick="javascript:window.location.href='#';">
                <img class="DB_1_1" src="/themes/hrsj360/images/focus/kjzname.png" alt="">
                <img class="DB_1_2" src="/themes/hrsj360/images/focus/kjzjx.png" alt="">
                <img class="DB_1_3" src="/themes/hrsj360/images/focus/bn_01.png" alt="">
            </li>

            <li onClick="javascript:window.location.href='#';">
                <img class="DB_2_1" src="/themes/hrsj360/images/focus/addchelun.png" alt="">
                <img class="DB_2_2" src="/themes/hrsj360/images/focus/addt.png" alt="">
                <img class="DB_2_3" src="/themes/hrsj360/images/focus/zw.png" alt="">
            </li>

            <li onClick="javascript:window.location.href='#';">
                <img class="DB_3_1" src="/themes/hrsj360/images/focus/bn32.png" alt="">
                <img class="DB_3_2" src="/themes/hrsj360/images/focus/bn33.png" alt="">
                <img class="DB_3_3" src="/themes/hrsj360/images/focus/bn3.png" alt="">
            </li>

            <li onClick="javascript:window.location.href='#';">
                <img class="DB_4_1" src="/themes/hrsj360/images/focus/bn_04.png" alt="">
                <img class="DB_4_2" src="/themes/hrsj360/images/focus/bn_042.png" alt="">
                <img class="DB_4_3" src="/themes/hrsj360/images/focus/bn_043.png" alt="">
                <img class="DB_4_4" src="/themes/hrsj360/images/focus/bn_044.png" alt="">
            </li>
        </ul>

        <div class="DB_menuWrap">
            <!--<ul class="DB_menuSet">
                <li><img src="/themes/hrsj360/images/focus/btn_off.png" alt=""></li>
                <li><img src="/themes/hrsj360/images/focus/btn_off.png" alt=""></li>
                <li><img src="/themes/hrsj360/images/focus/btn_off.png" alt=""></li>
                <li><img src="/themes/hrsj360/images/focus/btn_off.png" alt=""></li>
            </ul>-->
            <div class="DB_next"><img src="/themes/hrsj360/images/focus/nextArrow.png" alt="NEXT"></div>
            <div class="DB_prev"><img src="/themes/hrsj360/images/focus/prevArrow.png" alt="PREV"></div>
        </div>

    </div>
</section>
<script type="text/javascript">
    $('.DB_tab25').DB_tabMotionBanner({
        key:'b28551',
        autoRollingTime:10000,
        bgSpeed:500,
        motion:{
            DB_1_1:{left:-50,opacity:0,speed:1000,delay:500},
            DB_1_2:{left:-50,opacity:0,speed:1000,delay:1000},
            DB_1_3:{left:100,opacity:0,speed:1000,delay:1500},
            DB_2_1:{top:50,opacity:0,speed:1000,delay:500},
            DB_2_2:{top:50,opacity:0,speed:1000,delay:1000},
            DB_2_3:{top:100,opacity:0,speed:1000,delay:1500},
            DB_3_1:{left:-50,opacity:0,speed:1000,delay:500},
            DB_3_2:{top:50,opacity:0,speed:1000,delay:1000},
            DB_3_3:{top:0,opacity:0,speed:1000,delay:1500},
            DB_4_1:{top:50,opacity:0,speed:1000,delay:500},
            DB_4_2:{top:0,opacity:0,speed:1000,delay:1000},
            DB_4_3:{top:0,opacity:0,speed:1000,delay:1500},
            DB_4_4:{top:30,opacity:0,speed:1000,delay:2000},
            DB_4_5:{top:100,opacity:0,speed:1000,delay:3000},
            end:null
        }
    })
</script>

<section class="mod-ser-wrap">
    <div class="container">
        <ul class="list-unstyled">
            <li class="ser-item">
                <div class="img-item1"></div>
                <div class="title-item">
                    <h4>BRAND COMMUNICATION</h4>
                    <h5>品牌传播</h5>
                </div>
                <ol class="list-unstyled">
                    <li>品牌标志策略与设计</li>
                    <li>VI视觉识别系统设计</li>
                    <li>广告策略及创意设计</li>
                    <li>品牌传播年度服务</li>
                </ol>
            </li>
            <li class="ser-item">
                <div class="img-item2"></div>
                <div class="title-item">
                    <h4>BRAND COMMUNICATION</h4>
                    <h5>环境导视</h5>
                </div>
                <ol class="list-unstyled">
                    <li>环境导视系统规划与设计</li>
                    <li>空间规划与设计</li>
                    <li>企业展厅展览规划与设计</li>
                    <li>企业活动会议规划与设计</li>
                </ol>
            </li>
            <li class="ser-item">
                <div class="img-item3"></div>
                <div class="title-item">
                    <h4>BRAND COMMUNICATION</h4>
                    <h5>物料包装</h5>
                </div>
                <ol class="list-unstyled">
                    <li>企业年报画册设计与制作</li>
                    <li>工艺礼品道具设计与制作</li>
                    <li>产品标识包装设计与摄影</li>
                    <li>产品传播设计</li>
                </ol>
            </li>
            <li class="ser-item">
                <div class="img-item4"></div>
                <div class="title-item">
                    <h4>BRAND COMMUNICATION</h4>
                    <h5>网站建设</h5>
                </div>
                <ol class="list-unstyled">
                    <li>网站规划设计与实施</li>
                    <li>互动体验网站设计</li>
                    <li>数字品牌年度管家维护</li>
                    <li>APP与移动网站开发</li>
                </ol>
            </li>
            <li class="ser-item">
                <div class="img-item5"></div>
                <div class="title-item">
                    <h4>BRAND COMMUNICATION</h4>
                    <h5>品牌传播</h5>
                </div>
                <ol class="list-unstyled">
                    <li>广告宣传片拍摄</li>
                    <li>微电影定制</li>
                    <li>动画创意制作</li>
                    <li>影视后期制作</li>
                </ol>
            </li>
        </ul>
    </div>
</section>


<section class="mod-case-wrap">
    <div class="container">
        <div class="mod-title">
            <ul class="more list-unstyled mt20">
                <li><a href="">品牌传播</a><span>/</span></li>
                <li><a href="">环境导示</a><span>/</span></li>
                <li><a href="">物料包装</a><span>/</span></li>
                <li><a href="">网络建设</a><span>/</span></li>
                <li><a href="">视频创意</a></li>
            </ul>
            <h2 class="title-case">公司案例</h2>
        </div>
        <div class="title-line"></div>
        <div id="portfoliolist" class="mod-case-inner">
        <!--list{app="DuxCms" label="contentList" limit="8" pos_id=1 }-->
            <div class="portfolio mix_all map-item">
                <div class="portfolio-wrapper">
                    <a href="{$list.aurl}" class="b-link-stripe b-animate-go">
                        <img class="img-responsive" src="{$list.image}"/>
                        <div class="b-wrapper">
                            <h4 class="b-animate b-from-left">{$list.title}</h4>

                            <p class="b-animate b-from-left">{$list.keywords}</p>
                        </div>
                    </a>
                </div>
            </div>
            <!--{/list}-->
        </div>
    </div>
</section>

<section class="mod-about-wrap mb30">
    <div class="container">
        <div class="mod-title">
            <h2 class="title-about">ABOUT US</h2>
        </div>
        <div class="title-line"></div>

        <div class="mod-about-inner clearfix">
            <div class="about-img">
                <figure><!--echo{app="DuxCms" label="fragment" mark="index_about_left_img" }--></figure>
            </div>
            <div class="about-con">
                <!--echo{app="DuxCms" label="fragment" mark="index_about_center" }-->
            </div>
            <div class="about-img">
                <figure><!--echo{app="DuxCms" label="fragment" mark="index_about_right_img" }--></figure>
            </div>
        </div>
    </div>
</section>
<!--#include file="foot.html"-->
